﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>VoxRender WEB</title>
        <meta name="mobile-web-app-capable" content="yes"> <!-- Chrome web-app identification header -->
        <link rel="shortcut icon" sizes="196x196" href="/shortcut-icon.png">
        @Styles.Render("~/Content/css")
        @Styles.Render("~/Content/themes/base/css")
        @Scripts.Render("~/bundles/modernizr")
    </head>
    <body style="overflow:hidden;" oncontextmenu="return false;">
        <div id="page">
            <!-- Application menu bar -->
            <div id="header">
                <p class="site-title" style="float:left">VoxRender WEB</p>
                <ul id="menu"></ul>
                <div id="messageBar" style="background-color:rgb(234, 234, 234); position:absolute; right:0; width:32em; height:100%"></div>
            </div>
            
            <!-- Panel for tools, scene previews, etc -->
            <div id="imageBar">
                <input type="file" id="files" accept="application/xml" name="files[]" />
                <button id="uploadButton" title="Upload a new volume dataset">Load Volume</button>

                <!-- Pane used for displaying user's scenes -->
                <div id="imagePane" class="pane"></div>
                <div id="toolsPane" class="pane"></div>

                <!-- Panel for action history buttons -->
                <div style="position:absolute; width:100%; bottom:0;">
                    <button class='history-button' tabindex="0" id="undoButton">Undo</button>
                    <button class='history-button' style="margin-left:4%" id="redoButton">Redo</button>
                    <button class='history-button' style="float:right;" title="Resets the application to its original state" id="resetButton">Reset</button>
                </div>

                <!-- Tab buttons -->
                <!--div id="tabImage" class="tab"></div>-->
                <!--div id="tabTool" class="tab"></div>-->
            </div>

            <!-- Panel for image display/interaction and quicktool menus -->
            <div id="main">
                <!-- Image viewing pane -->
                <div id="imageView" style="position:absolute; overflow:visible; width:100%; height:100%; border-top:1px solid black; border-bottom:1px solid black;">
                    <!-- Canvas element for image rendering -->
                    <canvas id="canvas" style="position:absolute; left:0; top:0;"></canvas> 

                    <!-- Background image for canvas element -->
                    <img id="bgimg" src="../Images/voxlogo_bg.png" />
                
                    <!-- Quick tools for the image viewer -->
                    <div id="quickTools" style="position:absolute; right:32px; bottom:32px;">
                        <button class="quickPageFit quick-tool" title="Fit to Page"/>
                        <button class="quickZoomIn quick-tool"  title="Zoom Out"/>
                        <button class="quickZoomOut quick-tool" title="Zoom In"/>
                        <button class="quickSave quick-tool"    title="Download"/>
                        <button class="quickPrint quick-tool"   title="Print"/>
                    </div>

                    <!-- Message box element for flashing error text -->
                    <div id="messageBox" class="messageBox"></div>
                </div>
                
                <!-- Right click context menu -->
                <ul id="contextMenu" style="z-index:99999;">
                    <li><a id="ctxCursor" href="#">Cursor</a></li>
                    <li><a id="ctxBrush"  href="#">Paint Brush</a></li>
                    <li><a id="ctxText"   href="#">Text Tool</a></li>
                    <li><a id="ctxZoom"   href="#">Zoom</a></li>
                </ul>
            </div>
        </div>
    </body>
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/bundles/hammer")
    @Scripts.Render("~/bundles/page")
    <script>
        WebPage = new Page();
        WebPage.init();
    </script>
</html>